<template>
  <div class="">
    <el-form :model="detailForm" class="elForm" v-loading="loading">

      <el-card shadow="never" class="box-card">
        <div slot="header" class="header-card">
          <span class="header-card-title">购置税信息</span>
        </div>
        <el-row :gutter="20">
          <el-col :span="8">
            <el-form-item label="购置税费用:">
              <span>{{ format_thousand(detailForm.prchaseTaxPrice) }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="预计开始时间:">
              <span>{{ detailForm.expectStartTime }}</span>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="预计结束时间:">
              <span>{{ detailForm.expectEndTime }}</span>
            </el-form-item>
          </el-col>
        </el-row>

      </el-card>

<!--      <el-card shadow="never" class="box-card">-->
<!--        <div slot="header" class="header-card">-->
<!--          <span class="header-card-title">财务反馈</span>-->
<!--        </div>-->
<!--        <el-row :gutter="20">-->
<!--          <el-col :span="8">-->
<!--            <el-form-item label="是否支付至车管:">-->
<!--              <span v-if="detailForm.isPay === '1'">是</span>-->
<!--              <span v-if="detailForm.isPay === '2'">否</span>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--          <el-col :span="8">-->
<!--            <el-form-item label="付款类型:">-->
<!--              <span v-if="detailForm.payType === '1'">支付车管</span>-->
<!--              <span v-if="detailForm.payType === '2'">支付税务局</span>-->
<!--            </el-form-item>-->
<!--          </el-col>-->
<!--        </el-row>-->
<!--      </el-card>-->

      <el-card shadow="never" class="box-card">
        <div slot="header" class="header-card">
          <span class="header-card-title">上传购置信息</span>
        </div>
        <el-row :gutter="20">
          <el-col :span="12">
            <el-form-item label="购置税发票:">
              <image-common v-model="detailForm.invoiceUrl" :disabled="true"  :upType="2"/>
            </el-form-item>
          </el-col>
        </el-row>
      </el-card>

    </el-form>
  </div>

</template>

<script>
import {getPurchaseMessage} from "@/api/zcwh/vehicleTabs.js";

export default {
  name: "index",
  dicts: ["car_business_type", "car_type"],
  props: ['carId'],
  computed: {},
  data() {
    return {
      detailForm: {},
      loading: false,
    };
  },
  created() {
    this.handleList();
  },
  mounted() {
  },
  methods: {
    async handleList() {
      this.loading = true;
      try {
        const res = await getPurchaseMessage(this.carId);
        if (res.code === 200) {
          this.detailForm = res.data || {};
        }
      } finally {
        this.loading = false;
      }
    },
  },
};
</script>

<style scoped lang="scss">
@import "@/styles/cwgd/formScss.scss";
</style>


